<template>
    <div>
        <mt-swipe :auto="4000" style="height:200px">
			<mt-swipe-item v-for="item in imgs" :key='item.id'><img :src="item.src" data-preview-src="" data-preview-group="1"></mt-swipe-item>	
		</mt-swipe>
    </div>
</template>  

<style scoped>
    .mint-swipe .mint-swipe-items-wrap img{
		height: 100%;
   		width: 100%;
	}

	
</style>

<script>
import mui from '../../../lib/MUI/js/mui.min.js';
import mui1 from '../../../lib/MUI/js/mui.zoom.js';
import mui2 from '../../../lib/MUI/js/mui.previewimage.js';
import mui3 from '../../../lib/MUI/css/mui.min.css'
export default {
	created(){
        mui.previewImage();
		console.log(this.list)

    },
	data(){
		return{
			list:this.imgs
		}
	},
	props:['imgs']
}
</script>